<template>
    <el-row class="row-bg header-top footer-back" justify="center">
        <el-col :span="19">
            <el-row :gutter="20" style="border-bottom: 2px solid #ff3c1b">
                <el-col :span="3">
                    <dl>
                        <dt>订购方式</dt>
                        <dd>在线订购</dd>
                        <dd>电话订购</dd>
                        <dd>上门订购</dd>
                        <dd>大客户团体订购</dd>
                        <dd>逃票超级票订购</dd>
                    </dl>
                </el-col>
                <el-col :span="3">
                    <dl>
                        <dt>配送方式</dt>
                        <dd>送货上门</dd>
                        <dd>电子票</dd>
                        <dd>上门自取</dd>
                        <dd>逃票自助机换票</dd>
                    </dl>
                </el-col>
                <el-col :span="3">
                    <dl>
                        <dt>支付方式</dt>
                        <dd>在线支付</dd>
                        <dd>柜台付款</dd>
                    </dl>
                </el-col>
                <el-col :span="3">
                    <dl>
                        <dt>逃票网微信</dt>
                        <dd><img src="./img/p_code.jpg" /></dd>
                    </dl>
                </el-col>
                <el-col :span="3">
                    <dl>
                        <dt>逃票网触屏版</dt>
                        <dd><img src="./img/p_code.jpg" /></dd>
                    </dl>
                </el-col>
                <el-col :span="3">
                    <dl>
                        <dt>账户安全</dt>
                        <dd>找回密码</dd>
                        <dd>账户注册</dd>
                        <dd>账户绑定</dd>
                        <dd>SSL安全证书</dd>
                    </dl>
                </el-col>
                <el-col :span="3">
                    <dl>
                        <dt>配送方式</dt>
                        <dd>退换及缺货说明</dd>
                        <dd>发票帮助</dd>
                        <dd>订票服务条款</dd>
                    </dl>
                </el-col>
                <el-col :span="3">
                    <dl>
                        <dt>特色服务</dt>
                        <dd>演出订阅</dd>
                    </dl>
                </el-col>
            </el-row>
            <el-row :gutter="20" class="footer-er" justify="center" style="margin-top: 10px">
                <el-col :span="18">
                    <span>公司介绍&nbsp; | &nbsp;</span>
                    <span>品牌识别&nbsp; | &nbsp;</span>
                    <span>企业荣誉&nbsp; | &nbsp;</span>
                    <span>隐私声明&nbsp; | &nbsp;</span>
                    <span>联系及合作&nbsp; | &nbsp;</span>
                    <span>招聘信息&nbsp; | &nbsp;</span>
                    <span>网站地图&nbsp; | &nbsp;</span>
                    <span>友情链接&nbsp; | &nbsp;</span>
                    <span>公司大事件</span>
                </el-col>
            </el-row>
            <el-row :gutter="20" justify="center" style="margin-top: 10px; margin-bottom: 20px">
                <el-col :span="17">
                    <span>
                        <img src="./img/chengxin.png" alt="" srcset="" />
                        &nbsp;&nbsp;&nbsp;
                    </span>
                    <span>
                        <img src="./img/dzyy.png" alt="" srcset="" />
                        &nbsp;&nbsp;&nbsp;
                    </span>
                    <span>
                        <img src="./img/pci.png" alt="" srcset="" />
                        &nbsp;&nbsp;&nbsp;
                    </span>
                    <span>
                        <img src="./img/piao.png" alt="" srcset="" />
                        &nbsp;&nbsp;&nbsp;
                    </span>
                    <span>
                        <img src="./img/siteseal_gd_3.gif" alt="" srcset="" />
                        &nbsp;&nbsp;
                    </span>
                    <span>
                        <img src="./img/xin.png" alt="" srcset="" />
                        &nbsp;&nbsp;&nbsp;
                    </span>
                </el-col>
            </el-row>
        </el-col>
    </el-row>
</template>

<script setup>
import { reactive } from "vue";

let imgs = reactive([
    "./img/chengxin.png",
    "./img/dzyy.png",
    "./img/pci.png",
    "./img/piao.png",
    "./img/siteseal_gd_3.gif",
    "./img/xin.png",
]);
</script>

<style scoped>
dt {
    line-height: 40px;
    color: #333;
    font-size: 16px;
}

.footer-back {
    background-color: #e6e6e6;
    padding-top: 45px;
    padding-bottom: 20px;
}

dd {
    line-height: 25px;
    color: #666;
    cursor: pointer;
}

.footer-er span {
    font-size: 16px;
    color: #666;
    margin-right: 10px;
}
</style>
